Customizing and Applying Cascading Style Sheets

This topic describes the process of creating cascading style sheets and applying them to XForms.

Creating Custom Cascading Style Sheets

You can use default.css to create custom style sheets. The default.css is located at <cordys-instance-folder>/wcp/theme/default/style in your Process Platform installation folder.

To do so, save the existing default.css under a new name and modify it as required. Ensure that you retain the order of selectors as mentioned in the original cascading style sheet's structure. For information about the syntax used, see

 

CSS Syntax

 

.

 

Applying Cascading Style Sheets to XForms

To apply a style sheet to an XForm or to a control in an XForm, it must first be uploaded to the project that contains the XForm. For information about how to upload a document to a project, see Uploading a Document to the Project.

You can modify the properties of an XForm to define the stylesheet that must be used with it. For detailed procedure, see Setting Properties of an XForm.